<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
     <!--if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
    <![endif]-->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <script src="../src/flexible.debug.js"></script>
    <script src="../src/flexible_css.debug.js"></script>
    <script src="../src/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/shouye.css">
    <link rel="stylesheet" type="text/css" href="../src/swiper-3.4.2.min.css">
    <script src="../src/swiper-3.4.2.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/footer.css">
    <link rel="stylesheet" type="text/css" href="../src/font-4.7/css/font-awesome.min.css">
</head>
<body>
    <!-- 首页banner图 -->
    <div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="../img/banner1.jpg" alt="">
        </div>
          <div class="swiper-slide">
            <img src="../img/banner2.jpg" alt="">
        </div>
        <div class="swiper-slide">
            <img src="../img/banner3.jpg" alt="">
        </div>
          <div class="swiper-slide">
            <img src="../img/banner4.jpg" alt="">
        </div>
          <div class="swiper-slide">
            <img src="../img/banner5.jpg" alt="">
        </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>

<!-- 顶部搜素部分 -->
    <header id="" class="header_top">
          <div class="header_left">
              <div class="yuan"><img src="../img/saoyisao.png" alt=""></div>
          </div>
          <div class="header_center">
            <div class="sousu">搜素旅行地/门票/景点</div>
          </div>
          <div class="header_right">
          <div class="yuan"> <img src="../img/xiaoxi.png" alt=""></div>

          </div>
    </header><!-- /header -->

  <!-- submenu子菜单1 -->
  <div class="submenu">
      <dl>
        <dt><img src="../img/menpiao.png" alt=""></dt>
        <dd>门票</dd>
      </dl>
     <dl>
        <dt><img src="../img/jiudian.png" alt=""></dt>
        <dd>附件酒店</dd>
    </dl>
    <dl>
        <dt><img src="../img/zhuanche.png" alt=""></dt>
        <dd>酒店专车</dd>
    </dl>
       <dl>
        <dt><img src="../img/youwan.png" alt=""></dt>
        <dd>一日游</dd>
      </dl>
       <dl>
        <dt><img src="../img/zan.png" alt=""></dt>
        <dd>必游景点</dd>
      </dl>
  </div>
<!-- submenu子菜单2 -->
<div class="cummry_red">
    <div class="cummry_left">
        <dl>
           <dd>酒店</dd>
          <dt><img src="../img/jiu.png" alt=""></dt>
        </dl>
    </div>
    <div class="cummry_right">
       <div class="cummry_right_top">
        特价酒店
    </div>
    <div class="cummry_right_top">
        国际酒店
    </div>
    <div class="cummry_right_top">
       客栈.民宿
    </div>
     <div class="cummry_right_top">
        会场.聚会
    </div>
    </div>
</div>
<!-- submenu子菜单3 -->
<div class="cummry_bule">
    <div class="cummry_left">
        <dl>
           <dd>机票</dd>
          <dt><img src="../img/fei.png" alt=""></dt>
        </dl>
    </div>
    <div class="cummry_right">
       <div class="cummry_right_top">
        低价机票
    </div>
    <div class="cummry_right_top">
        汽车票.船票
    </div>
    <div class="cummry_right_top">
       火车票
    </div>
     <div class="cummry_right_top">
        专车.租车
    </div>
    </div>
</div>

<!-- submenu子菜单4 -->
<div class="cummry_green">
    <div class="cummry_left">
        <dl>
           <dd>景点</dd>
          <dt><img src="../img/jing.png" alt=""></dt>
        </dl>
    </div>
    <div class="cummry_right">
       <div class="cummry_right_top">
        景点.门票
    </div>
    <div class="cummry_right_top">
        旅游团购
    </div>
    <div class="cummry_right_top">
       攻略.美食林
    </div>
     <div class="cummry_right_top">
        周边.短途
    </div>
    </div>
</div>
<!-- submenu子菜单5 -->
  <div class="cummery_yellow">
    <div class="cummry_left">
          借钱.分期游
    </div>
    <div class="cummry_right">
       <div class="cummry_right_top">
        景点.门票
    </div>
    <div class="cummry_right_top">
       保险.车险
    </div>
    <div class="cummry_right_top">
      购物.外汇
    </div>
    </div>
  </div>

<div class="list">
  <dl>
    <dt><img src="../img/lie1.png" alt=""></dt>
    <dd>签证.WiFi</dd>
  </dl>
  <dl>
    <dt><img src="../img/lie2.png" alt=""></dt>
    <dd>出境游</dd>
  </dl>
  <dl>
    <dt><img src="../img/lie3.png" alt=""></dt>
    <dd>接送机</dd>
  </dl>
  <dl>
    <dt><img src="../img/lie4.png" alt=""></dt>
    <dd>自由行</dd>
  </dl>
  <dl>
    <dt><img src="../img/lie5.png" alt=""></dt>
    <dd>智慧旅游</dd>
  </dl>
  <dl>
    <dt><img src="../img/lie6.png" alt=""></dt>
    <dd>特色住</dd>
  </dl>
  <dl>
    <dt><img src="../img/lie7.png" alt=""></dt>
    <dd>领劵中心</dd>
  </dl>
  <dl>
    <dt><img src="../img/lie8.png" alt=""></dt>
    <dd>国内游</dd>
  </dl>
  <dl>
    <dt><img src="../img/lie9.png" alt=""></dt>
    <dd>特价由 </dd>
  </dl>
   <dl>
    <dt><img src="../img/lie10.png" alt=""></dt>
    <dd>定制游</dd>
  </dl>
</div>

<main class="main">
    <img src="../img/xing.png" alt=""><p>您可能想去</p>
</main>

<div class="menu">
    <ul>
      <li class="menu_bule"><a>北京</a></li>
      <li><a>天津</a></li>
      <li><a>三亚</a></li>
    </ul>
</div>

<section class="section">
    <p>北京最佳推荐</p><h6>全部<i class="fa fa-angle-right" aria-hidden="true"></i></h6>
</section>


<article class="article">
     <div class="article_left">
       <img src="../img/list1.png" alt="">
       <img src="../img/list2.png" alt="">
     </div>
     <div class="article_right">
       <img src="../img/list3.png" alt="">
       <img src="../img/list4.png" alt="">
       <img src="../img/list5.png" alt="">
     </div>
</article>

<section class="section1">
   <p><img src="../img/remen.png" alt=""> <span>热门目的地</span></p><h6>更多<i class="fa fa-angle-right" aria-hidden="true"></i></h6>
</section>

<article class="article1">
    <dl>
      <dt><img src="../img/shouye_15.png" alt=""></dt>
      <dd class="tlite">丽江</dd>
      <dd class="shuoming">艳遇在酒吧街</dd>
    </dl>
    <dl>
      <dt><img src="../img/shouye_17.png" alt=""></dt>
      <dd  class="tlite">巴厘岛</dd>
      <dd  class="shuoming">一座充满爱的小岛</dd>
    </dl>
    <dl>
      <dt><img src="../img/shouye_19.png" alt=""></dt>
      <dd  class="tlite">芽庄</dd>
      <dd  class="shuoming">古朴的海滨小城</dd>
    </dl>
</article>


<br><br>










 <footer class="footer">
        <dl>
            <dt><img src="../img/footer_home.png" alt=""></dt>
            <dd class="dls_bule">首页</dd>
        </dl>
          <dl>
            <dt><img src="../img/footer_ding1.png" alt=""></dt>
            <dd>订单</dd>
        </dl>
          <dl>
            <dt><img src="../img/footer_fa1.png" alt=""></dt>
            <dd>发现</dd>
        </dl>
          <dl>
            <dt><img src="../img/footer_fu1.png" alt=""></dt>
            <dd>服务</dd>
        </dl>
          <dl>
            <dt><img src="../img/footer_wo1.png" alt=""></dt>
            <dd>我的</dd>
        </dl>
    </footer>
<script src="../js/shouye.js"> </script>
</body>
</body>
</html>